{extend name="base" /}
{block name="body"}
<div class="layui-body">
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">用户管理</li>
            <li class=""><a href="{:url('agent/user/add')}">添加用户</a></li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <!--<blockquote class="layui-elem-quote">{$invite_url}</blockquote>-->
                <fieldset class="layui-elem-field">
                    <legend>邀请注册链接</legend>
                    <div class="layui-field-box">
                        <div class="layui-form-item">
                            <label class="layui-form-label">注册链接：</label>
                            <div class="layui-input-inline" style="width: 700px;">
                                <input type="text" value="{$invite_url}" readonly id="invite_url" class="layui-input">

                            </div>
                            <div class="layui-input-inline" style="width: 100px;">
                                <button id='click_copy' class="layui-btn">复制</buttonid>
                            </div>
                        </div>

                    </div>

                </fieldset>
                <form class="layui-form layui-form-pane" action="{:url('agent/user/index')}" method="get">
                    <div class="layui-inline">
                        <label class="layui-form-label">关键词</label>
                        <div class="layui-input-inline">
                            <input type="text" name="keyword" value="{$keyword}" placeholder="请输入关键词" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn">搜索</button>
                    </div>
                </form>
                <hr>
                <table class="layui-table">
                    <tr>
                        <td style="width:80px">当前金币：</td>
                        <td>{$user.coin}</td>

                    </tr>
                </table>

                <table class="layui-table">
                    <thead>
                    <tr>
                        <th style="width: 30px;">ID</th>
                        <th>头像</th>
                        <th>用户名</th>
                        <th>昵称</th>
                        <!--<th>手机</th>-->
                        <!--<th>邮箱</th>-->
                        <th>状态</th>
                        <th>是否代理</th>
                        <th>金币</th>
                        <th>创建时间</th>
                        <th>最后登录时间</th>
                        <th>最后登录IP</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach name="user_list" item="vo"}
                    <tr>
                        <td>{$vo.id}</td>
                        <td><img src="{$vo.headimg}" style="width:32px;height:32px;"/></td>
                        <td>{$vo.username}</td>
                        <td>{$vo.user_nick}</td>

                        <td>{php}echo $vo['status']==1 ? '启用' : '禁用';{/php}</td>
                        <td>{php}echo $vo['is_agent']==1 ? '是' : '否';{/php}</td>
                        <td>{$vo.coin}
                            <div class="layui-btn-group" style="float:right">
                                <button href="{:url('agent/user/addcoin',['id'=> $vo['id']])}" class="layui-btn layui-btn-normal layui-btn-mini mc-ajax">加金币</button>
                                <button href="{:url('agent/user/reducecoin',['id'=> $vo['id']])}" class="layui-btn layui-btn-danger layui-btn-mini mc-ajax">减金币</button>
                            </div>
                        </td>
                        <td>{$vo.create_time}</td>
                        <td>{$vo.last_login_time}</td>
                        <td>{$vo.last_login_ip}</td>
                        <td>

                            <a href="{:url('agent/user/stat',['userid' => $vo['id']])}" class="layui-btn layui-btn-mini">投注流水</a>
                            <a href="{:url('agent/user/edit',['id'=>$vo['id']])}" class="layui-btn layui-btn-normal layui-btn-mini">编辑</a>
                            <!--<a href="{:url('agent/user/delete',['id'=>$vo['id']])}" class="layui-btn layui-btn-danger layui-btn-mini ajax-delete">删除</a>-->
                        </td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
                <!--分页-->
                {$user_list->render()}
            </div>
        </div>
    </div>
</div>
<script>
    var __SWF__ = '__JS__/ZeroClipboard.swf';
</script>
{/block}
{block name="js"}

<script src="__JS__/ZeroClipboard.js"></script>
{/block}
{block name="script"}
<script>
    function init() {
        var clip = new ZeroClipboard.Client(); // 新建一个对象
        clip.setHandCursor( true );
        clip.setText($('#invite_url').val()); // 设置要复制的文本。
        clip.addEventListener( "mouseUp", function(client) {
            layer.msg('复制成功');
        });
        // 注册一个 button，参数为 id。点击这个 button 就会复制。
        //这个 button 不一定要求是一个 input 按钮，也可以是其他 DOM 元素。
        clip.glue("click_copy"); // 和上一句位置不可调换
    }
    init();

    $('.mc-ajax').click(function(e){
        e.preventDefault();
        var _action = $(this).attr('href');
        layer.prompt({
            formType: 0,
            value: '0',
            title: '输入增减的数量',
            // area: ['200px', '350px'] //自定义文本域宽高
        }, function(value, index, elem){
            console.log(parseFloat(value))
            if(!value.trim() || !isNaN(parseFloat(value.trim())) == 0){
                layer.msg('请输入大于0的数字');
                return false;
            }
            $.ajax({
                url: _action,
                data: {amount:value},
                success: function (info) {
                    if (info.code === 1) {
                        setTimeout(function () {
                            location.reload()
                        }, 1000);
                    }
                    layer.msg(info.msg);
                }
            });
            // alert(value); //得到value
            layer.close(index);
        });
    });
</script>
{/block}